@import 'base';

.comment-main{

  .comment-box{
    background-color: #fff;
    width: 100%;
    height:auto;
    padding-left:15px;
    box-sizing: border-box;
    //*****评分*****
    .head{
      width: 100%;
      height: 74px;
      padding:12px 0;
      box-sizing: border-box;

      img{
        width: 50px;
        height: 50px;
        vertical-align: top;
      }

      .star{
        width:calc(100% - 58px);
        height: 100%;
        padding-left: 7px;
        box-sizing: border-box;

        p:first-child1{
          margin-top: 4px;
        }

        .van-rate{
          margin-top: 7px;
        }
      }
    }
    //*****评分*****

    //*****文字评价*****
    .comment-text{
      background-color: #fff;
      width: 100%;
      height: 50px;
      padding-top: 12px;
      box-sizing: border-box;

      textarea{
        width: 100%;
        height: 100%;
        border:none;
        font-size: 14px;
        resize:none
      }

      textarea::placeholder{
        font-size: 14px;
        color: #C5C5CC;
      }
    }
    //*****文字评价*****

    //*****评价图片*****
    .pic-box{
      display: flex;
      width: 100%;
      height:calc(100% / 4 - 6px);
      flex-wrap: wrap;
      padding-bottom: 12px;
      padding-right:15px;
      box-sizing: border-box;

      .van-row{
        width: 100%;
      }
      //图片凭证
      .img-box{
        width: calc(100% / 4 - 6px);
        height: calc(100% / 4 - 6px);
        margin-right: 8px;

        img{
          width: 100%;
        }

        .close-btn{
          top:-10px;
          right:-10px;
          z-index:10;
        }
      }

      .mr0{
        margin: 0 !important;
      }
      //图片凭证

      //上传按钮
      .uploader-box{
        width: calc(100% / 4 - 6px);

        border: 1px dashed #C0C0C0;
        color: #C0C0C0;
        padding-top: 18px;
        box-sizing: border-box;

        i{
          font-size: 26px;
        }

        p:nth-child(2){
          margin-top: 4px;
        }
      }

      .ml10{
        margin-left: 8px;
      }
      //上传按钮
    }
    //*****评价图片*****
  }

  //*****匿名设置*****
  .cryptonym{
    background-color: #fff;
    width: 100%;
    height: 44px;
    line-height: 44px;

    .van-checkbox__icon, .van-checkbox__label{
      line-height: 16px;
    }

    .van-checkbox__icon .van-icon{
      position: relative;
      top:2px;
      left:0;
      width: 16px;
      height: 16px;
    }

  }
  //*****匿名设置*****

  //*****发布按钮*****
  .btn{
    bottom:0;
    left:0;
    width: 100%;
    height: 68px;
    background-color: #fff;
    padding:12px 15px;
    box-sizing: border-box;

  }
  //*****发布按钮*****


}
